<template>
    <el-dialog
        title="选择物业"
        :visible.sync="dialogVisible"
        width="80%"
        :before-close="handleClose"
         :close-on-click-modal="false"
    >
        <div class="page-box">
					<dataList
						placeholder="请输入物业名称"
						:pageInfo="pager"
						:listData="tableData"
						searchName="propertyName"
						:menuList="[]"
					>
						<el-table :data="tableData" align="center" highlight-current-row @row-click="rowClick">
							<el-table-column
								label="物业名称"
								prop="propertyName"
							></el-table-column>
							<el-table-column
								label="物业类型"
								prop="propertyType"
								:formatter="dictFormate"
							></el-table-column>
							<el-table-column
								label="物业用途"
								prop="useType"
								:formatter="dictFormate"
							></el-table-column>
							<el-table-column
								label="建筑面积(m²)"
								prop="buildArea"
							></el-table-column>
							<el-table-column
								label="产权情况"
								prop="propertyOwnership"
								:formatter="dictFormate"
							></el-table-column>
							<el-table-column
								label="物业状态"
								prop="propertyStatus"
								:formatter="dictFormate"
							></el-table-column>
							<el-table-column
								label="物业来源"
								prop="propertySource"
								:formatter="dictFormate"
							></el-table-column>
						</el-table>
					</dataList>
        </div>

        <span slot="footer" class="dialog-footer">
            <el-button @click="dialogVisible = false">取 消</el-button>

            <el-button type="primary" @click="submit"
                >确 定</el-button
            >
        </span>
    </el-dialog>
</template>

<script src="./property_list.js"></script>

<style scoped lang="scss">

/deep/.el-dialog__body{
    padding: 0px;
}
</style>
